$(function () {
    initArtCateList()
    // 获取文章分类列表

    function initArtCateList() {
        $.ajax({
            method: 'GET',
            url: '/my/cate/list',
            success(res) {
                if (res.code != 0) {
                    return layui.layer.msg(message)
                }
                let html = template('tpl-table', res)
                $('tbody').html(html)
            }
        })
    }
    let indexAdd
    $('#btnAddCate').on('click', function () {
        // 弹出层
        indexAdd = layui.layer.open({
            type: 1,
            area: ['500px', '270px'],
            title: '添加文章分类',
            content: $('#dialog-add').html()
        });
    })

    // 通过代理的形式绑定submit事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/cate/add',
            data: $(this).serialize(),
            success(res) {
                if (res.code != 0) {
                    return layui.layer.msg(res.message)
                }
                // console.log(res);
                initArtCateList()
                layui.layer.msg('新增成功')
                layui.layer.close(indexAdd)

            }
        })
    })
    // 为每个编辑按钮添加点击事件，通过继承
    let indexEdit
    $('body').on('click', '.btn-edit', function () {
        indexEdit = layui.layer.open({
            type: 1,
            area: ['500px', '270px'],
            title: '修改文章分类',
            content: $('#dialog-edit').html()
        });
        let id = $(this).attr('data-id')
        $.ajax({
            method: 'GET',
            url: '/my/cate/info',
            data: {
                id: id
            },
            success(res) {
                if (res.code != 0) {
                    return layui.layer.msg(res.message)
                }
                // console.log(res);
                layui.form.val('form-edit', res.data)
            }
        })
    })
    // 通过继承添加表单提交事件
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'PUT',
            url: '/my/cate/info',
            data: $(this).serialize(),
            success(res) {
                if (res.code != 0) {
                    return layui.layer.msg(res.message)
                }
                initArtCateList()
                layui.layer.msg('修改成功')
                layui.layer.close(indexEdit)
            }
        })
    })
    // 为删除键绑定点击事件，以代理的形式
    $('body').on('click', '.btn-del', function () {
        let id = $(this).attr('data-id')
        layui.layer.confirm('是否要删除?', { icon: 3, title: '提示' }, function (index) {
            //do something

            $.ajax({
                method: 'DELETE',
                url: '/my/cate/del?id=' + id,
                // data: {
                //     id: id
                // },
                success(res) {
                    if (res.code != 0) {
                        return layui.layer.msg(res.message)
                    }
                    layui.layer.msg('删除成功')
                    layer.close(index);
                    initArtCateList()
                }
            })
        });
    })
})